<!--
* @Component:
* @Maintainer: J.K. Yang
* @Description:
-->
<script setup lang="ts">
const scrollToTop = () => {
  window.scrollTo({ top:420, behavior: "smooth" });
};
</script>

<template>
  <v-card class="my-5" rounded>
    <v-card-title class="card-title">Main</v-card-title>
    <v-divider></v-divider>
    <div class="text-center pa-10">
      <img class="mx-auto" width="200" src="@/assets/logo2.png" alt="" />
      <v-card
        color="transparent"
        elevation="0"
        max-width="800"
        class="mx-auto my-10 py-0py-md-12"
      >
        <h1
          style="color: #4a4d6d"
          class="font-weight-black text-h3 text-lg-h2 text-xl-h1"
        >
          Welcome to petstore!
          <span class="text-primary">GoodBest</span>
        </h1>
        <h2 class="text-h6 text-secondary mt-4 mx-auto">
          Here are many pets which you like!
        </h2>
      </v-card>
      <div class="text-center mb-10">
        <v-btn size="x-large" class="text-white" color="primary" @click="scrollToTop"
          >Get Start</v-btn
        >
      </div>
    </div>
  </v-card>
</template>

<style scoped lang="scss"></style>
